<!DOCTYPE html>
<html dir="ltr" lang="zh_cn"><!--<![endif]--><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>购物车</title>
    <base href="https://mall.opencart.cn/">

    <!-- Facebook share -->
    <meta property="og:site_name" content="OpenCart 3.0 中文专业版 - PHP 开源电商系统">
    <meta property="og:url" content="https://mall.opencart.cn/index.php?route=checkout/cart">
    <meta property="og:type" content="website">
    <meta property="og:title" content="购物车">
    <meta property="og:description" content="">
    <meta property="og:image" content="https://mall.opencart.cn/image/cache/catalog/logo-600x315.png">
    <meta property="og:image:width" content="600">
    <meta property="og:image:height" content="315">

    <script src="https://hm.baidu.com/hm.js?752079c169218184ec5f539120602ec2"></script><script src="https://mall.opencart.cn/catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="https://mall.opencart.cn/catalog/view/javascript/layer/layer.js" type="text/javascript"></script><link rel="stylesheet" href="https://mall.opencart.cn/catalog/view/javascript/layer/theme/default/layer.css?v=3.1.1" id="layuicss-layer">
    <script src="https://mall.opencart.cn/catalog/view/theme/mobile/javascript/jquery.unveil.js" type="text/javascript"></script>
    <link href="https://mall.opencart.cn/catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://mall.opencart.cn/catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://mall.opencart.cn/catalog/view/theme/mobile/javascript/common.js" type="text/javascript"></script>
    <link href="https://mall.opencart.cn/catalog/view/theme/mobile/stylesheet/stylesheet.css" rel="stylesheet">
    <script>
        var _hmt = _hmt || []; (function() {var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752079c169218184ec5f539120602ec2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();
    </script>

</head>
<body class="checkout-cart" ontouchstart="" onmouseover="">

<a href="#page-top" class="go-top"><i class="iconfont"></i></a>


<div class="container">
    <div class="row">
        <div id="content" class="col-xs-12">
            <div class="nav-bar cart-top-iconnav-bar">
                <span class="back-icon btn btn-left" onclick="window.history.back(-1)" ;=""><i class="iconfont"></i></span>
                购物车
                <span class="edit btn btn-right"><i class="iconfont"></i></span>
            </div>
            <form action="https://mall.opencart.cn/index.php?route=checkout/cart/edit" method="post" enctype="multipart/form-data">
                <div id="product-table">
                    <div class="row widget cart-list-box">
                        <div class="col-xs-12">

                            <div class="product-section">
                                <div class="product-item">
                                    <div class="selected">
                                        <div class="cart-select">
                                            <input type="checkbox" value="3103" id="checkbox-3103" name="selected[]" onchange="cart_select();" checked="">
                                            <label for="checkbox-3103"></label>
                                        </div>
                                    </div>
                                    <div class="thumb">
                                        <a href="https://mall.opencart.cn/index.php?route=product/product&amp;product_id=33"><img src="https://mall.opencart.cn/image/cache/catalog/mi/product/product-14-100x100.png" alt="Beats EP 头戴式耳机有线重低音耳麦通用b耳机" title="Beats EP 头戴式耳机有线重低音耳麦通用b耳机" class="img-responsive"></a>
                                    </div>
                                    <div class="info">
                                        <div class="name">
                                            Beats EP 头戴式耳机有线重低音耳麦通用b耳机
                                        </div>
                                        <div class="price">单价: ￥99.00</div>
                                        <div class="options">
                                        </div>

                                        <div class="buttom-total">
                                            <div class="sub-total">总计: ￥99.00</div>
                                            <div class="cart-quantity-wrapper">
                                                <div id="cart-product-quantity" class="input-group">
                  <span class="input-group-btn quantity-down">
                    <button class="btn btn-default" type="button">-</button>
                  </span>
                                                    <input type="text" name="quantity[3103]" value="1" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" size="2" class="form-control cart-input-quantity">
                                                    <span class="input-group-btn quantity-up">
                    <button class="btn btn-default" type="button">+</button>
                  </span>
                                                </div>
                                                <div class="remove-button"><button type="button" class="btn btn-default" data-toggle="tooltip" title="移除" onclick="cart.remove('3103');">移除</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-item">
                                    <div class="selected">
                                        <div class="cart-select">
                                            <input type="checkbox" value="3102" id="checkbox-3102" name="selected[]" onchange="cart_select();" checked="">
                                            <label for="checkbox-3102"></label>
                                        </div>
                                    </div>
                                    <div class="thumb">
                                        <a href="https://mall.opencart.cn/index.php?route=product/product&amp;product_id=46"><img src="https://mall.opencart.cn/image/cache/catalog/mi/product/product-16-100x100.png" alt="B&amp;O BeoPlay P2  (多子产品演示)无线蓝牙便携小音箱 丹麦bo迷你户外运动口袋音响" title="B&amp;O BeoPlay P2  (多子产品演示)无线蓝牙便携小音箱 丹麦bo迷你户外运动口袋音响" class="img-responsive"></a>
                                    </div>
                                    <div class="info">
                                        <div class="name">
                                            B&amp;O BeoPlay P2  (多子产品演示)无线蓝牙便携小音箱 丹麦bo迷你户外运动口袋音响
                                        </div>
                                        <div class="price">单价: ￥8.00</div>
                                        <div class="options">
                                            <small>尺寸: 大号</small>
                                            <small>颜色: 朱红色</small>
                                        </div>

                                        <div class="buttom-total">
                                            <div class="sub-total">总计: ￥24.00</div>
                                            <div class="cart-quantity-wrapper">
                                                <div id="cart-product-quantity" class="input-group">
                  <span class="input-group-btn quantity-down">
                    <button class="btn btn-default" type="button">-</button>
                  </span>
                                                    <input type="text" name="quantity[3102]" value="3" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" size="2" class="form-control cart-input-quantity">
                                                    <span class="input-group-btn quantity-up">
                    <button class="btn btn-default" type="button">+</button>
                  </span>
                                                </div>
                                                <div class="remove-button"><button type="button" class="btn btn-default" data-toggle="tooltip" title="移除" onclick="cart.remove('3102');">移除</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div></form>

            <div class="row">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title"><a href="#collapse-coupon" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">使用优惠券 <i class="fa fa-caret-down"></i></a></h4>
                        </div>
                        <div id="collapse-coupon" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div class="input-group">
                                    <input type="text" name="coupon" value="" placeholder="您也可以直接在这里输入你的优惠码" id="input-coupon" class="form-control">
                                    <div class="input-group-btn">
                                        <input type="button" value="使用优惠券" id="button-coupon" data-loading-text="正在加载..." class="btn btn-primary">
                                    </div></div>
                                <script type="text/javascript"><!--
                                $('#button-coupon').on('click', function() {
                                    $.ajax({
                                        url: 'index.php?route=extension/total/coupon/coupon',
                                        type: 'post',
                                        data: 'coupon=' + encodeURIComponent($('input[name=\'coupon\']').val()),
                                        dataType: 'json',
                                        beforeSend: function() {
                                            $('#button-coupon').button('loading');
                                        },
                                        complete: function() {
                                            $('#button-coupon').button('reset');
                                        },
                                        success: function(json) {
                                            $('.alert-dismissible').remove();

                                            if (json['error']) {
                                                $('.nav-bar').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                                                $('html, body').animate({ scrollTop: 0 }, 'slow');
                                            }

                                            if (json['redirect']) {
                                                location = json['redirect'];
                                            }
                                        },
                                        error: function(xhr, ajaxOptions, thrownError) {
                                            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                        }
                                    });
                                });
                                //--></script>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title"><a href="#collapse-shipping" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">运费计算 <i class="fa fa-caret-down"></i></a></h4>
                        </div>
                        <div id="collapse-shipping" class="panel-collapse collapse">
                            <div class="panel-body">
                                <p>请输入您的收货地址来计算运费。</p>
                                <div class="form-horizontal">
                                    <div class="form-group required">
                                        <label class="col-sm-2 control-label" for="input-country">国家</label>
                                        <div class="col-sm-10">
                                            <select name="country_id" id="input-country" class="form-control">
                                                <option value=""> --- 请选择 --- </option>
                                                <option value="44" selected="selected">中国</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group required">
                                        <label class="col-sm-2 control-label" for="input-zone">省份</label>
                                        <div class="col-sm-10">
                                            <select name="zone_id" id="input-zone" class="form-control"><option value=""> --- 请选择 --- </option><option value="708">上海市</option><option value="713">云南省</option><option value="699">内蒙古自治区</option><option value="685">北京市</option><option value="4237">台湾省</option><option value="702">吉林省</option><option value="710">四川省</option><option value="711">天津市</option><option value="705">宁夏回族自治区</option><option value="684">安徽省</option><option value="707">山东省</option><option value="706">山西省</option><option value="689">广东省</option><option value="690">广西壮族自治区</option><option value="712">新疆维吾尔自治区</option><option value="700">江苏省</option><option value="701">江西省</option><option value="693">河北省</option><option value="695">河南省</option><option value="714">浙江省</option><option value="692">海南省</option><option value="697">湖北省</option><option value="698">湖南省</option><option value="704">澳门特别行政区</option><option value="688">甘肃省</option><option value="687">福建省</option><option value="4236">西藏自治区</option><option value="691">贵州省</option><option value="703">辽宁省</option><option value="686">重庆市</option><option value="709">陕西省</option><option value="4232">青海省</option><option value="696">香港特别行政区</option><option value="694">黑龙江省</option></select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="input-postcode">邮政编码</label>
                                        <div class="col-sm-10">
                                            <input type="text" name="postcode" value="" placeholder="邮政编码*" id="input-postcode" class="form-control">
                                        </div>
                                    </div>
                                    <button type="button" id="button-quote" data-loading-text="正在加载..." class="btn btn-primary">询价</button>
                                </div>
                                <script type="text/javascript"><!--
                                $('#button-quote').on('click', function() {
                                    $.ajax({
                                        url: 'index.php?route=extension/total/shipping/quote',
                                        type: 'post',
                                        data: 'country_id=' + $('select[name=\'country_id\']').val() + '&zone_id=' + $('select[name=\'zone_id\']').val() + '&postcode=' + encodeURIComponent($('input[name=\'postcode\']').val()),
                                        dataType: 'json',
                                        beforeSend: function() {
                                            $('#button-quote').button('loading');
                                        },
                                        complete: function() {
                                            $('#button-quote').button('reset');
                                        },
                                        success: function(json) {
                                            $('.alert-dismissible, .text-danger').remove();

                                            if (json['error']) {
                                                if (json['error']['warning']) {
                                                    $('.nav-bar').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error']['warning'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                                                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                                                }

                                                if (json['error']['country']) {
                                                    $('select[name=\'country_id\']').after('<div class="text-danger">' + json['error']['country'] + '</div>');
                                                }

                                                if (json['error']['zone']) {
                                                    $('select[name=\'zone_id\']').after('<div class="text-danger">' + json['error']['zone'] + '</div>');
                                                }

                                                if (json['error']['postcode']) {
                                                    $('input[name=\'postcode\']').after('<div class="text-danger">' + json['error']['postcode'] + '</div>');
                                                }
                                            }

                                            if (json['shipping_method']) {
                                                $('#modal-shipping').remove();

                                                html  = '<div id="modal-shipping" class="modal">';
                                                html += '  <div class="modal-dialog">';
                                                html += '    <div class="modal-content">';
                                                html += '      <div class="modal-header">';
                                                html += '        <h4 class="modal-title">请选择你要使用的配送方式。</h4>';
                                                html += '      </div>';
                                                html += '      <div class="modal-body">';

                                                for (i in json['shipping_method']) {
                                                    html += '<p><strong>' + json['shipping_method'][i]['title'] + '</strong></p>';

                                                    if (!json['shipping_method'][i]['error']) {
                                                        for (j in json['shipping_method'][i]['quote']) {
                                                            html += '<div class="radio">';
                                                            html += '  <label>';

                                                            if (json['shipping_method'][i]['quote'][j]['code'] == '') {
                                                                html += '<input type="radio" name="shipping_method" value="' + json['shipping_method'][i]['quote'][j]['code'] + '" checked="checked" />';
                                                            } else {
                                                                html += '<input type="radio" name="shipping_method" value="' + json['shipping_method'][i]['quote'][j]['code'] + '" />';
                                                            }

                                                            html += json['shipping_method'][i]['quote'][j]['title'] + ' - ' + json['shipping_method'][i]['quote'][j]['text'] + '</label></div>';
                                                        }
                                                    } else {
                                                        html += '<div class="alert alert-danger alert-dismissible">' + json['shipping_method'][i]['error'] + '</div>';
                                                    }
                                                }

                                                html += '      </div>';
                                                html += '      <div class="modal-footer">';
                                                html += '        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>';

                                                html += '        <input type="button" value="配送方式" id="button-shipping" data-loading-text="正在加载..." class="btn btn-primary" disabled="disabled" />';

                                                html += '      </div>';
                                                html += '    </div>';
                                                html += '  </div>';
                                                html += '</div> ';

                                                $('body').append(html);

                                                $('#modal-shipping').modal('show');

                                                $('input[name=\'shipping_method\']').on('change', function() {
                                                    $('#button-shipping').prop('disabled', false);
                                                });
                                            }
                                        },
                                        error: function(xhr, ajaxOptions, thrownError) {
                                            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                        }
                                    });
                                });

                                $(document).delegate('#button-shipping', 'click', function() {
                                    $.ajax({
                                        url: 'index.php?route=extension/total/shipping/shipping',
                                        type: 'post',
                                        data: 'shipping_method=' + encodeURIComponent($('input[name=\'shipping_method\']:checked').val()),
                                        dataType: 'json',
                                        beforeSend: function() {
                                            $('#button-shipping').button('loading');
                                        },
                                        complete: function() {
                                            $('#button-shipping').button('reset');
                                        },
                                        success: function(json) {
                                            $('.alert-dismissible').remove();

                                            if (json['error']) {
                                                $('.nav-bar').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                                                $('html, body').animate({ scrollTop: 0 }, 'slow');
                                            }

                                            if (json['redirect']) {
                                                location = json['redirect'];
                                            }
                                        },
                                        error: function(xhr, ajaxOptions, thrownError) {
                                            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                        }
                                    });
                                });
                                //--></script>
                                <script type="text/javascript"><!--
                                $('select[name=\'country_id\']').on('change', function() {
                                    $.ajax({
                                        url: 'index.php?route=extension/total/shipping/country&country_id=' + this.value,
                                        dataType: 'json',
                                        beforeSend: function() {
                                            $('select[name=\'country_id\']').prop('disabled', true);
                                        },
                                        complete: function() {
                                            $('select[name=\'country_id\']').prop('disabled', false);
                                        },
                                        success: function(json) {
                                            if (json['postcode_required'] == '1') {
                                                $('input[name=\'postcode\']').parent().parent().addClass('required');
                                            } else {
                                                $('input[name=\'postcode\']').parent().parent().removeClass('required');
                                            }

                                            html = '<option value=""> --- 请选择 --- </option>';

                                            if (json['zone'] && json['zone'] != '') {
                                                for (i = 0; i < json['zone'].length; i++) {
                                                    html += '<option value="' + json['zone'][i]['zone_id'] + '"';

                                                    if (json['zone'][i]['zone_id'] == '') {
                                                        html += ' selected="selected"';
                                                    }

                                                    html += '>' + json['zone'][i]['name'] + '</option>';
                                                }
                                            } else {
                                                html += '<option value="0" selected="selected"> --- 无 --- </option>';
                                            }

                                            $('select[name=\'zone_id\']').html(html);
                                        },
                                        error: function(xhr, ajaxOptions, thrownError) {
                                            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                        }
                                    });
                                });

                                $('select[name=\'country_id\']').trigger('change');
                                //--></script>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title"><a href="#collapse-voucher" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle">使用礼品券 <i class="fa fa-caret-down"></i></a></h4>
                        </div>
                        <div id="collapse-voucher" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div class="input-group">
                                    <input type="text" name="voucher" value="" placeholder="输入您的礼品券代码" id="input-voucher" class="form-control">
                                    <div class="input-group-btn">
                                        <input type="submit" value="使用礼品券" id="button-voucher" data-loading-text="正在加载..." class="btn btn-primary">
                                    </div> </div>
                                <script type="text/javascript"><!--
                                $('#button-voucher').on('click', function() {
                                    $.ajax({
                                        url: 'index.php?route=extension/total/voucher/voucher',
                                        type: 'post',
                                        data: 'voucher=' + encodeURIComponent($('input[name=\'voucher\']').val()),
                                        dataType: 'json',
                                        beforeSend: function() {
                                            $('#button-voucher').button('loading');
                                        },
                                        complete: function() {
                                            $('#button-voucher').button('reset');
                                        },
                                        success: function(json) {
                                            $('.alert-dismissible').remove();

                                            if (json['error']) {
                                                $('.nav-bar').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                                                $('html, body').animate({ scrollTop: 0 }, 'slow');
                                            }

                                            if (json['redirect']) {
                                                location = json['redirect'];
                                            }
                                        },
                                        error: function(xhr, ajaxOptions, thrownError) {
                                            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                                        }
                                    });
                                });
                                //--></script>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="price-list">
                    <div class="col-xs-12">
                        <table id="cart-totals" class="table mb-0">
                            <tbody><tr>
                                <td class="text-left"><strong>商品总额</strong></td>
                                <td class="text-right">￥123.00</td>
                            </tr>
                            <tr>
                                <td class="text-left"><strong>订单总额</strong></td>
                                <td class="text-right">￥123.00</td>
                            </tr>

                            </tbody></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript"><!--
var initQuantity;

$(document).on('click', '.cart-quantity-wrapper input', function(event) {
    initQuantity = $(this).val();
});

$(document).on('blur', '.cart-quantity-wrapper input', function(event) {
    if ( initQuantity == $(this).val() ) return;
    cart_update();
});

$(document).on('click', '.cart-quantity-wrapper span', function(event) {
    event.preventDefault();
    var _qtyInput = $(this).siblings('.cart-input-quantity');

    if( $(this).hasClass('quantity-up')) {
        _qtyInput.val(_qtyInput.val() * 1 + 1);
    } else {
        if ( _qtyInput.val() == 1 ) return;
        _qtyInput.val(_qtyInput.val() - 1);
    }

    cart_update();
});

$(document).on('click', '#checkbox-all', function(event) {
    event.preventDefault();
    $('input[name*=\'selected\']').prop('checked', this.checked);
    cart_select();
});

var cart_update = function() {
    $.ajax({
        url: 'index.php?route=checkout/cart/update',
        type: 'post',
        dataType: 'json',
        data: $('#product-table input[name^=\'quantity\']'),
        beforeSend: function() {
            ajax_before();
        },
        success: function (json) {
            ajax_success(json);
        },
        error: function(xhr, ajaxOptions, thrownError) {
            ajax_error();
        }
    });
}

function cart_remove(cart_id) {
    $.ajax({
        url: 'index.php?route=checkout/cart/remove',
        type: 'post',
        dataType: 'json',
        data: {key: cart_id},
        beforeSend: function() {
            ajax_before();
        },
        success: function (json) {
            ajax_success(json);
        },
        error: function(xhr, ajaxOptions, thrownError) {
            ajax_error();
        }
    });
}

function cart_select() {
    $.ajax({
        url: 'index.php?route=checkout/cart/select',
        type: 'post',
        dataType: 'json',
        data: $('input[name^=\'selected\']:checked:enabled'),
        beforeSend: function() {
            ajax_before();
        },
        success: function(json) {
            ajax_success(json);
        },
        error: function(xhr, ajaxOptions, thrownError) {
            ajax_error();
        }
    });
}

function ajax_before() {
    toggle_check_all_state();
    $('.alert-danger').remove();
    layer.load(2, {shade: [0.1,'#fff']});
}

function ajax_error() {
    layer.closeAll();
    layer.msg('');
}

function ajax_success(json) {
    if (json['redirect']) {
        location = json['redirect'];
        return;
    }

    layer.closeAll();

    if (json['error']) {
        $('.nav-bar').after('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i>' + json['error'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    }

    if (json['message']) {
        layer.msg(json['message']);
    }

    $('.total-price .number').html(json['total']);
    $('#product-table').html(json['product_list_html']);
    $('#accordion').html(json['module_html']);
    $('#cart-totals').html(json['total_html']);
    $('#cart > ul').load('index.php?route=common/cart/info ul li');
    toggle_check_all_state();
}

$(document).ready(function () {
    $('.total-price .number').html('￥123.00');
});
//--></script>
<script type="text/javascript"><!--
$(document).ready(function () {
    toggle_check_all_state();
});

function toggle_check_all_state() {
    var all_products_checked = true;
    $('input[name*=\'selected\']').each(function() {
        if ($(this).prop('checked') == false) {
            all_products_checked = false;
        }
    })

    $('#checkbox-all').prop('checked', all_products_checked);
}
//--></script>
<footer>
    <div class="language-currency-wrapper mb-1 mt-1">
        <a href="#" id="switch-language">
            <img src="catalog/language/zh-cn/zh-cn.png" alt="简体中文" title="简体中文">
            简体中文
        </a>

        <script type="text/javascript">
            $('#switch-language').click(function (e) {
                e.preventDefault();
                layer.open({
                    type: 1,
                    title: '语言',
                    closeBtn: 1,
                    anim: 2,
                    shadeClose: true,
                    scrollbar: false,
                    area: ['80%'],
                    content: language_modal_content()
                });
            });

            function language_modal_content() {
                var html = '';
                html += '<div class="p-2">';
                html += '<form action="https://mall.opencart.cn/index.php?route=common/language/language" method="post" enctype="multipart/form-data" id="language">';
                html += '<input type="hidden" name="code" value="" />';
                html += '<input type="hidden" name="redirect" value="https://mall.opencart.cn/index.php?route=checkout/cart" />';
                html += '<div class="list-group mb-0">';
                html += '<a href="de-de" class="list-group-item"><img src="catalog/language/de-de/de-de.png"/> Deutsch</a>';
                html += '<a href="es-es" class="list-group-item"><img src="catalog/language/es-es/es-es.png"/> Espanol</a>';
                html += '<a href="fr-fr" class="list-group-item"><img src="catalog/language/fr-fr/fr-fr.png"/> French</a>';
                html += '<a href="ru-ru" class="list-group-item"><img src="catalog/language/ru-ru/ru-ru.png"/> Russian</a>';
                html += '<a href="zh-hk" class="list-group-item"><img src="catalog/language/zh-hk/zh-hk.png"/> 中文繁体</a>';
                html += '<a href="zh-cn" class="list-group-item"><img src="catalog/language/zh-cn/zh-cn.png"/> 简体中文</a>';
                html += '<a href="en-gb" class="list-group-item"><img src="catalog/language/en-gb/en-gb.png"/> English</a>';
                html += '</div>';
                html += '</form>';
                html += '</div>';
                return html;
            }
        </script>

        <a href="#" id="switch-currency">
            ￥  人民币
        </a>

        <script type="text/javascript">
            $('#switch-currency').click(function (e) {
                e.preventDefault();
                layer.open({
                    type: 1,
                    title: '货币',
                    closeBtn: 1,
                    anim: 2,
                    shadeClose: true,
                    scrollbar: false,
                    area: ['80%'],
                    content: currency_modal_content()
                });
            });

            function currency_modal_content() {
                var html = '';
                html += '<div class="p-2">';
                html += '<form action="https://mall.opencart.cn/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="currency">';
                html += '<input type="hidden" name="code" value="" />';
                html += '<input type="hidden" name="redirect" value="https://mall.opencart.cn/index.php?route=checkout/cart" />';
                html += '<div class="list-group mb-0">';
                html += '<a href="USD" class="list-group-item">$ US Dollar</a>';
                html += '<a href="CNY" class="list-group-item">￥ 人民币</a>';
                html += '</div>';
                html += '</form>';
                html += '</div>';
                return html;
            }
        </script>

    </div>
    <div class="container">
        <div class="footer-powered">
            技术支持 <a href="http://www.opencart.cn">opencart.cn</a> OpenCart 3.0 中文专业版 - PHP 开源电商系统 © 2018
        </div>
    </div>
</footer>
<nav id="bottom-checkout">
    <div class="cart-select-group">
        <div class="cart-select">
            <input type="checkbox" value="" id="checkbox-all" style="visibility: hidden">
            <label for="checkbox-all"></label>
        </div>
        <span>全选</span>
    </div>
    <div class="total-group">
        <span class="total-price"><span class="text-pay">支付金额: </span><strong class="number">￥123.00</strong></span>
    </div>
    <div class="checkout-group"><a href="https://mall.opencart.cn/index.php?route=checkout/checkout">结账</a></div>
</nav>




</body></html>